<#include "/classic/utils/ui.ftl"/>
<link href="${base}/site/css/archive.css" rel="stylesheet"/>

<@layout "标签云">
<div class="row streams">
    <div class="col-xs-12 col-md-9 side-left">
        <article class="post" itemscope="" itemtype="http://schema.org/BlogPosting">
            <div class="post-header">
                <h3 class="post-title">总的来说 - 目前共计31类标签
                    <a href="javascript:;" onClick="changeImg()">/我来爽一把!!!</a>
                </h3>
            </div>
            <p><div id="imgTagsCloud" class="mt30 mb40"></div></p>
            <div class="post-content markdown-body" itemprop="articleBody">
                <ul class="tag-list">
                    <#assign tagGroup=tagGroups/>
                    <#assign keys=tagGroup?keys/>
                    <#list keys as key>
                        <li><a href="/tag/${key}/">${key}(${tagGroup[key]!''})</a></li>
                    </#list>
                </ul>
            </div>
        </article>
    </div>
    <div class="col-xs-12 col-md-3 side-right">
		<#include "/classic/inc/right.ftl" />
    </div>
</div>
<script style="text/javascript">
    //初始化将标签云集合的用例存在数组里面
    var tagCloudJson = ${tagsJson};
</script>
<script src="${base}/site/js/tag_cloud.js"></script>
</@layout>
